import React from 'react';
import './recommend.less';
import API from '../../../api/index';

class Recommend extends React.Component {
    render() {
        return <div className='recommend_box'>
            <div className="navitem clearfix">
                <h2><a href="#">热门推荐</a></h2>
                <p><a href="#">华语</a>|<a href="#">流行</a>|<a href="#">摇滚</a>|<a href="#">民谣</a>|<a href="#">电子</a></p>
                <span><a href="#">更多</a></span>
            </div>
            <div className="item_box">
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
                <div className="item">
                    <div className="img">
                        <img src="http://p2.music.126.net/-W3xIVkWNilJcDqpIBP-tw==/109951165117874255.jpg?param=140y140" />
                        <a href="#" className="bgimg"></a>
                        <div className="info">
                            <span className="num">37万</span>
                            <a href="#" className="play"></a>
                        </div>
                    </div>
                    <p className="title"><a href="#">[一周日语上新] 滨崎步 时隔两年全新单曲 来自爱的馈赠</a></p>
                </div>
            </div>
        </div>;
    }

    componentDidMount() {
         API.myIndex.recommend().then(data=>{
            //console.log(data)
        });
    };
}
export default Recommend